<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>所有订单</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm-extend.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/columns.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/base.css">
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_i3ztchhrqjx7p66r.css">
    <style>
        .zero-tip {
            display: none;
            position: absolute;
            left: 50%;
            margin: 14rem 0 0 0;
            font-size: 14px;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            color: #999;
        }
        .order-bg {
            display: none;
            position: absolute;
            left: 50%;
            margin: 10rem 0 0 0;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            width: 6rem;
            height: 6rem;
        }
    </style>
</head>

<body>
<div class="page-group">
    <div class="page">
        <!--头部内容 !-->
        <header class="bar bar-nav">
            <a class="icon icon-left pull-left " href="${basepath}/front/account/toAccountList">返回</a>

            <h1 class="title">我的订单</h1>
        </header>
        <div class="content allOrder-content">

            <!--tab栏 !-->
            <div class="buttons-tab">
                <input type="hidden" id="refreshed" value="no">
                <a id="all-tab-btn" class="tab-link  button active" data-status="0">全部</a>
                <a id="payment-tab" class="tab-link  button" data-status="init">待付款</a>
                <a id="send-tab" class="tab-link button" data-status="pass">待发货</a>
                <a id="harvest-tab" class="tab-link button" data-status="send">待收货</a>
                <a id="complete-tab" class="tab-link button" data-status="finish">已完成</a>
            </div>
            <div class="tabs">
                <img src="${staticpath}/images/order-zero-bg.png" alt="订单" class="order-bg"/>

                <p class="zero-tip">您还没有相关的订单！</p>

                <div id="all-tab" class="tab active" data-url="${basepath}/front/order/toOrderDetailList"></div>
            </div>
        </div>
    </div>
</div>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/zepto.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm-extend.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/allOrder.js' charset='utf-8'></script>
<script type='text/javascript'>
    //刷新页面
    onload = function () {
        var e = document.getElementById("refreshed");
        if (e.value == "no")
            e.value = "yes";
        else {
            e.value = "no";
            location.reload();
        }
    }
</script>
</body>

</html>
